<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Restaurant Home Page</title>
        <meta name="description" content="Handbag" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_container.css" type="text/css"/>

        <!-- HOT LINE -->
        <link rel="stylesheet" href="../../widget/hotline/0/hotline_0.css" type="text/css"/>
        <!-- LOGO -->
        <link rel="stylesheet" href="../../widget/logo/3/logo_3.css" type="text/css" />
        <!-- SEARCH -->
        <link rel="stylesheet" href="../../widget/search_bar/3/search_bar_3.css" type="text/css" />
        <!-- HMENU -->
        <link rel="stylesheet" href="../../widget/hmenu/4/hmenu_4.css" type="text/css" />
        <!-- BREADCRUMBS -->
        <link rel="stylesheet" href="../../widget/breadcrumbs/1/breadcrumbs_1.css" type="text/css" />
        <!-- HTML BLOCK 1 -->
        <link rel="stylesheet" href="../../widget/html_block/1/html_1.css" type="text/css" />    
        <!-- TEXT LIST 1 -->
        <link rel="stylesheet" href="../../widget/text_list/1/text_list_1.css" type="text/css" />
        <!-- Social 8 -->
        <link rel="stylesheet" href="../../widget/social_network/8/social_8.css" type="text/css" />
        <!-- HTML BLOCK 8 -->
        <link rel="stylesheet" href="../../widget/html_block/8/html_8.css" type="text/css" />
        <!-- HTML BLOCK 9 -->
        <link rel="stylesheet" href="../../widget/html_block/9/html_9.css" type="text/css" />
    </head>
    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <div id="wrapper_header_1">
                    <div id="hook_header" class="hook">
                        <!-- hook header : widget : hotline, logo, search bar -->

                        <!-- HOTLINE WIDGET -->

                        <div id="hotline_wi" class="hotline_0">
                            <img src="images/hotline_logo.png" alt="hotline_logo" class="hl_align_left"/>
                            <div class="hl_infor">
                                <div class="hl_content">
                                    Call us for reservation
                                </div><!-- End .hl_conent -->
                                <div class="hl_phone_number">
                                    (84)851236536
                                </div><!-- End .hl_phone_number -->
                            </div><!-- End .hl_infor -->
                        </div><!-- End .hotline_0 -->
                        <!-- End HOTLINE WIDGET -->

                        <!-- LOGO WIDGET -->
                        <div id="logo_wi" class="logo_3">

                            <div class="logo_content_wrapper">
                                <div class="logo_content">
                                    <h1 class="company_name">Tiara</h1>
                                    <h3 class="company_description">Restaurant</h3>
                                </div><!-- End .logo_content -->
                            </div><!-- End .logo_content_wrapper -->
                        </div>
                        <!-- End LOGO WIDGET -->

                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi" class="search_bar_3">
                            <form class="searchForm" method="post" action="#">
                                <div class="search_bar_wrapper">
                                    <input class="search_text" type="text" name="txtsearch" value="Search keyword here"/>
                                    <input class="search_submit" type="submit" name="btnsearch" value=">"/>
                                </div><!-- End #search_bar_wrapper -->
                            </form>
                        </div><!-- End .search_bar_3 -->
                        <!-- End SEARCH BAR WIDGET -->
                        <style>


                        </style>
                        <!-- HMENU WIDGET -->
                        <div id="hemnu_wi" class="hemnu_4">
                            <div class="hmenu_wrapper">
                                <div class="hemnu_bullet_left"></div>
                                <ul class="hmenu_items">
                                    <li class="current"><a href="#">Home</a></li>
                                    <li><a href="#">About us</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li class="last_item"><a href="#">News</a></li>
                                </ul>
                                <div class="hemnu_bullet_right"></div>
                            </div><!--End hmenu_wrapper-->
                        </div>
                        <!-- End HEMNU WIDGET -->

                    </div><!-- End hook_header -->
                </div><!-- End #wrapper_header_1 -->
            </div>
            <!-- End wrapper_top -->

            <!--- Wrapper MAIN --->

            <div id="wrapper_main">
                <div id="hook_breadcrumbs" class="hook">
                    <div id="wrapper_breadcrumbs">
                        <ul>
                            <li>
                                <a href="#">Trang chủ</a>
                            </li>

                            <li class="current">
                                <a href="#">About us</a>
                            </li>
                        </ul>
                    </div><!-- #wrapper_breadcrumbs -->
                </div>

                <div id="wrapper_custom_3">
                    <div id="hook_about" class="hook">
                        <div id="html_wi_1" class="html_1">

                            <h1 class="title">About Our Restaurant</h1>      
                            <div class="wrapper_image">
                                <img src="images/Restaurant_about.png" alt="#" />
                            </div>
                            <p>
                                Cum sociis natoque penatibus agnis disemnum parturient montes nascetur ridiculus mus. Nulla dfusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donecum accumsan malesuada orcidonec sit amet eros lorem.
                                Ipsum dolor sit amet consectetuer adipiscing elit auris fermentum dictum magna. Sed laoreet aliquam leo perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremqu laudantium.

                                Cum sociis natoque penatibus agnis dis parturient montes, nascetur ridiculus mus. Nulla dfusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros lorem ipsum dolor sit amet consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo...
                                Cum sociis natoque penatibus agnis disemnum parturient montes nascetur ridiculus mus. Nulla dfusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donecum accumsan malesuada orcidonec sit amet eros lorem.
                                Ipsum dolor sit amet consectetuer adipiscing elit auris fermentum dictum magna. Sed laoreet aliquam leo perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremqu laudantium.

                                Cum sociis natoque penatibus agnis dis parturient montes, nascetur ridiculus mus.
                                Cum sociis natoque penatibus agnis disemnum parturient montes nascetur ridiculus mus. Nulla dfusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donecum accumsan malesuada orcidonec sit amet eros lorem.
                                Ipsum dolor sit amet consectetuer adipiscing elit auris fermentum dictum magna. Sed laoreet aliquam leo perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremqu laudantium.

                                Cum sociis natoque penatibus agnis dis parturient montes, nascetur ridiculus mus.
                                Cum sociis natoque penatibus agnis disemnum parturient montes nascetur ridiculus mus. Nulla dfusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donecum accumsan malesuada orcidonec sit amet eros lorem.
                                Ipsum dolor sit amet consectetuer adipiscing elit auris fermentum dictum magna. Sed laoreet aliquam leo perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremqu laudantium.

                                Cum sociis natoque penatibus agnis dis parturient montes, nascetur ridiculus mus.
                                Cum sociis natoque penatibus agnis disemnum parturient montes nascetur ridiculus mus. Nulla dfusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donecum accumsan malesuada orcidonec sit amet eros lorem.
                                Ipsum dolor sit amet consectetuer adipiscing elit auris fermentum dictum magna. Sed laoreet aliquam leo perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremqu laudantium.

                            </p>

                        </div><!-- End .html_1 -->
                    </div>
                    <!-- End #hook_about -->
                </div>
                <!-- End #wrapper_custom_3 -->

                <div id="wrapper_custom_4">
                    <div id="hook_history" class="hook">

                        <div class ="history_1">
                            <h1 class="title">OUR HISTORY</h1>
                            <ul class="history_content">
                                <li>
                                    <div class="year">2005</div>
                                    <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                                    <div style="clear:both;"></div>
                                </li>

                                <li>
                                    <div class="year">2005</div>
                                    <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                                    <div style="clear:both;"></div>
                                </li>

                                <li>
                                    <div class="year">2005</div>
                                    <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                                    <div style="clear:both;"></div>
                                </li>

                                <li>
                                    <div class="year">2005</div>
                                    <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                                    <div style="clear:both;"></div>
                                </li>

                                <li class="last">
                                    <div class="year">2005</div>
                                    <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                                    <div style="clear:both;"></div>
                                </li>


                            </ul>
                        </div>
                    </div>
                    <!-- End #hook_history -->
                </div>
                <!-- End #wrapper_custom_4 -->
                <div style="clear:both"></div>

                <div id="wrapper_custom_5">
                    <div id="hook_custom_5" class="hook">
                        <style>
                            .html_block_5 ul li {
                                width: 150px;
                                float: left;
                                margin-right: 15px;
                            }

                            .html_block_5 ul li.last {
                                margin-right: 0px;
                            }

                            .html_block_5 ul li img{
                                width: 150px;
                                height: 172px;
                                margin-bottom: 20px;
                            }

                            .html_block_5 ul li .title{
                                text-align: left;
                                font-family: "Times New Roman",serif;
                                font-size: 15px;
                                color: #a45298;
                                margin-bottom: 10px;

                            }

                            .html_block_5 ul li .description{
                                text-align: left;
                                font-family: Arial,sans-serif;
                                font-size: 12px;
                                color: #626262;
                                margin-bottom: 10px;

                            }
                        </style>
                        <div id="html_block_5" class="html_block_5">
                            <h1 class="title">Our Team Work</h1>
                            <div id="wrapper_block_1">
                                <ul>
                                    <li>
                                        <img src="images/chief_1.png" alt=""/>
                                        <h3 class="title">John Smith</h3>
                                        <p class="description">
                                            Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibu. Suspendisse congue 1986 viverra nunc sed ultrices
                                        </p>
                                    </li>

                                    <li>
                                        <img src="images/chief_1.png" alt=""/>
                                        <h3 class="title">John Smith</h3>
                                        <p class="description">
                                            Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibu. Suspendisse congue 1986 viverra nunc sed ultrices
                                        </p>
                                    </li>

                                    <li>
                                        <img src="images/chief_1.png" alt=""/>
                                        <h3 class="title">John Smith</h3>
                                        <p class="description">
                                            Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibu. Suspendisse congue 1986 viverra nunc sed ultrices
                                        </p>
                                    </li>


                                    <li class="last">
                                        <img src="images/chief_1.png" alt=""/>
                                        <h3 class="title">John Smith</h3>
                                        <p class="description">
                                            Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibu. Suspendisse congue 1986 viverra nunc sed ultrices
                                        </p>
                                    </li>


                                </ul>
                                <div style="clear:both;"></div>
                            </div>
                            <!-- End #wrapper_block_1 -->

                        </div>

                    </div>
                    <!-- End #hook_custom_5 -->

                </div><!-- End #wrapper_custom_5 -->

            </div><!-- End #wrapper_main -->

            <div id="wrapper_footer">
                <div id="wrapper_footer_section_1">

                    <div id="hook_footer_section_1" class="hook">

                        <div id="html_8" class="html_8">
                            <h1>
                                Tiara
                            </h1>
                            <h3>Restaurant</h3>
                        </div><!-- End .html_8 -->


                        <div id="html_9" class="html_9">

                            <h1>Contact info</h1>
                            <div class="address">8901 Marmora Road, Glasgow, D04 89GR.</div>
                            <ul>
                                <li>Freephone: <span>+1 800 559 6580</span></li>
                                <li>Telephone: <span>+1 800 603 6035</span></li>
                                <li>FAX: <span>+1 800 889 9898</span></li>
                                <li>E-mail: </span>mail@demolink.org</span></li>
                            </ul>


                        </div>
                        <!-- End .html_9 -->

                        <div id="social_8" class="social_8">

                            <h1>Keep in touch</h1>   
                            <ul>
                                <li>
                                    <img src="images/facebook.png" alt="facebook" /> 
                                    <a href="#">Facebook</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li class="right">
                                    <img src="images/google_plus.png" alt="google_plus" /> 
                                    <a href="#">Google Plus</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li>
                                    <img src="images/twitter.png" alt="twitter" /> 
                                    <a href="#">Twitter</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li class="right">
                                    <img src="images/rss.png" alt="rss" /> 
                                    <a href="#">RSS</a>
                                    <div style="clear: both;"></div>
                                </li>

                            </ul>

                        </div>
                        <!-- End .social_8 -->
                    </div>
                    <!-- End #hook_footer_section_1 -->

                </div><!-- End #wrapper_footer_section_1 -->
                <div id="wrapper_footer_section_1_foot"></div>

                <style>
                    #wrapper_footer_section_2 {
                        width: 940px;
                        margin: 0px auto;
                    }
                    #wrapper_footer_section_2 #hook_copyright {
                        height: 30px;
                    }

                    .html_10 {
                        position: absolute;
                        left:0px;
                        top: 0px;
                    }

                    .html_10 p {
                        font-family: Arial, sans-serif;
                        font-size: 11px;
                        color: #5d5d5e;
                    }
                </style>
                <div id="wrapper_footer_section_2">
                    <div id="hook_copyright" class="hook">
                        <div id="html_10" class="html_10">
                            <p>©2012 POWERED BY TIARA™. ALL RIGHT RESERVED.</p>
                        </div>

                    </div>
                </div><!-- End #wrapper_footer_section_2 -->
            </div><!-- End #wrapper_footer -->


        </div><!--END wrapper-->
    </body>
</html>